<!DOCTYPE html>
<html xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
    <meta name="author" content="Coderthemes">
	
	<!-- jQuery  -->
    <script type="text/javascript" src="/static/plugins/jquery/jquery-3.6.0.min.js"></script>
	
	<!-- layui  -->
	<link rel="stylesheet" href="/static/plugins/layui/2.7.6/css/layui.css" media="all" />
	<script src="/static/plugins/layui/2.7.6/layui.js" charset="utf-8"></script>
	
	<link rel="stylesheet" href="/static/admin/css/mini-ease-edit.css">
</head>
<body>

	<form class="layui-form" id="formId" method="post" action="/api/inter/ysMenu/add">
		<input type="hidden" name="pid" th:value="${dto.pid}">
		<input type="hidden" name="lev" th:value="${dto.lev}">
		<div class="layui-form-item">
			<div class="layui-inline layui-col-xs4 margin_r0">
				<div>
					<label class="layui-form-label">上级菜单：</label>
					<div class="layui-input-block">
						<input type="text" name="pname" th:value="${dto.pname}" class="layui-input layui-disabled" readonly >
					</div>
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-inline layui-col-xs4 margin_r0">
				<div>
					<label class="layui-form-label">菜单名称：</label>
					<div class="layui-input-block">
						<input type="text" name="name" autocomplete="off" placeholder="请输入"  class="layui-input" lay-verify="required" >
					</div>
				</div>
			</div>
			<div class="layui-inline layui-col-xs4 margin_r0">
				<div>
					<label class="layui-form-label"><font class="f_red">*</font>数据表名：</label>
					<div class="layui-input-block">
						<input type="text" name="dataBaseTable" autocomplete="off" placeholder="请输入"  class="layui-input" lay-verify="required" >
					</div>
				</div>
			</div>
			<div class="layui-inline layui-col-xs4 margin_r0">
				<div>
					<label class="layui-form-label"><font class="f_red">*</font>权限编码：</label>
					<div class="layui-input-block">
						<input type="text" name="nameShiroAuth" autocomplete="off" placeholder="请输入"  class="layui-input" lay-verify="required" >
						<span>shiro的权限名，格式如：thrOperateCompanyApply:view</span>
					</div>
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-inline layui-col-xs4 margin_r0">
				<div>
					<label class="layui-form-label">前台模板类型：</label>
					<div class="layui-input-block">
						<select name="templetType">
							<option th:each="templetType: ${dto.templetTypeArr}" th:value="${templetType.value}" th:text="${templetType.name}" th:selected="${templetType.selected}"></option>
						</select>
					</div>
				</div>
			</div>
			<div class="layui-inline layui-col-xs4 margin_r0">
				<div>
					<label class="layui-form-label">菜单排序序号：</label>
					<div class="layui-input-block">
						<input type="text" name="sortNo" th:value="${dto.sortNo}" class="layui-input layui-disabled" readonly >
					</div>
				</div>
			</div>
			<div class="layui-inline layui-col-xs4 margin_r0">
				<div>
					<label class="layui-form-label">菜单状态：</label>
					<div class="layui-input-block">
						<input type="radio" name="status" th:each="status: ${dto.statusArr}" th:value="${status.value}" th:title="${status.name}" lay-skin="primary" lay-filter="type" th:checked="${status.isSelected()}">
					</div>
				</div>
			</div>
		</div>

		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"></fieldset>
		<div class="layui-form-item">
			<div class="layui-col-md1 layui-col-md-offset11">
				<div class="layui-btn-container">
					<button type="button" class="layui-btn" lay-submit lay-filter="formSubmit">保存</button>
				</div>
			</div>
		</div>
	</form>
	<script>
	$(function () {
		layui.use(['form'], function(){
			var form = layui.form;
			
			// 表单提交，共用同一个
			form.on('submit(formSubmit)', function(data){
				var indexOfLoading = layer.load(1, {
					shade: [0.5,'#000000'] //0.1透明度的白色背景
				});
				$.post(data.form.action, data.field, function(res){
					if (res.code == 0) {
						layer.msg(res.msg);
						setTimeout(function(){
							window.parent.location.reload();
						}, 1000);
					} else {
						layer.close(indexOfLoading);
						layer.msg(res.msg);
					}
				});
				return false;
			});
		});
	});
	</script>

</body>
</html>
